type Props = {
  className?: string;
  onClick?: () => void;
};

export const CopyIcon = ({ className, onClick }: Props) => {
  return (
    <svg
      onClick={onClick || (() => {})}
      className={className}
      width="59"
      height="65"
      viewBox="0 0 59 65"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M12.1748 30.5654C12.1748 21.8195 12.1748 17.4465 14.8794 14.7291C17.5873 12.0116 21.941 12.0116 30.6548 12.0116H39.8948C48.6054 12.0116 52.9591 12.0116 55.667 14.7291C58.3748 17.4465 58.3748 21.8195 58.3748 30.5654V46.0296C58.3748 54.7755 58.3748 59.1484 55.667 61.8659C52.9623 64.5833 48.6054 64.5833 39.8948 64.5833H30.6548C21.941 64.5833 17.5873 64.5833 14.8794 61.8659C12.1748 59.1484 12.1748 54.7755 12.1748 46.0296V30.5654Z"
      />
      <path
        opacity="0.5"
        d="M4.38517 4.17679C0.625 7.93375 0.625 13.9847 0.625 26.0833V32.5C0.625 44.5986 0.625 50.6495 4.38517 54.4065C6.36471 56.3892 8.98271 57.326 12.791 57.7688C12.175 55.0738 12.175 51.365 12.175 46.0263V30.5653C12.175 21.8194 12.175 17.4465 14.8796 14.729C17.5875 12.0115 21.9412 12.0115 30.655 12.0115H39.895C45.1952 12.0115 48.8783 12.0115 51.5669 12.6211C51.1242 8.79358 50.1873 6.16596 48.1982 4.17679C44.4412 0.416626 38.3903 0.416626 26.2917 0.416626C14.193 0.416626 8.14212 0.416626 4.38517 4.17679Z"
      />
    </svg>
  );
};
